{extend name="base"}
{block name="content"}
<link rel="stylesheet" href="__RES__/../static/merchant/flat/store_set.css">
<div class="main1 new_main add_km">
		<div class="head">
			<div class="head_top">
				<a href="javascript:history.back(-1)" class="btn_back btn_l">
					<i class="iconfont icon-arrow-back"></i>
				</a>
				<span>添加卡密</span>
			</div>
		</div>
		<form id="ajaxform" class="form-horizontal" role="form" action="" method="post" enctype="multipart/form-data">
			<ul class="section_ty">
				<li>
					<span class="section_title">选择商品</span>
					<div class="section_div select_goods">
						 <select name="goods_id" class="section_div" style="height: 45px;border: none;border-bottom: 0.0133rem #eee solid;">
                        <!-- {foreach $goodsList as $v} -->
                        <!-- {if $Think.get.goods_id==$v.id} -->
                        <option value="{$v.id}" selected>{$v.name}</option>
                        <!-- {else/} -->
                        <option value="{$v.id}">{$v.name}</option>
                        <!-- {/if} -->
                        <!-- {/foreach} -->
                    </select>
					</div>
				</li>
				<li class="item_kmnr">
					<span class="section_title">插入方式</span>
					<div class="section_div kmnr">
						 <select name="order_type" class="section_div" style="height: 45px;border: none;border-bottom: 0.0133rem #eee solid;">
							<option value="1" selected>顺序插入</option>
							<option value="2">随机插入</option>
                        </select>
					</div>
				</li>
				<li class="item_kmnr">
					<span class="section_title">导入方式</span>
					<div class="section_div kmnr">
						 <select name="import_type" class="section_div" style="height: 45px;border: none;border-bottom: 0.0133rem #eee solid;">
							<option value="1" selected>手动输入</option>
							<option value="2">TXT文件导入</option>
                        </select>
					</div>
				</li>
				<li class="item_kmnr">
					<span class="section_title">导入格式</span>
					<div class="section_div kmnr">
						 <select name="split_type" class="section_div"  style="height: 45px;border: none;border-bottom: 0.0133rem #eee solid;">

                        <option value="0">自动识别</option>

                        <option value=" ">用“ ”分隔</option>

                        <option value=",">用“,”分隔</option>

                        <option value="|">用“|”分隔</option>

                        <option value="----">用“----”分隔</option>

                        <option value="">不分隔</option>

                    </select>
					</div>
				</li>
				<li class="item_kmnr">
					<span class="section_title">格式演示</span>
					<div class="section_div kmnr">
						 <p class="form-control-static">AAAAAAAAAAA<span class="card_split" style="color:red"> </span>BBBBBBBBBBBB</p>
					</div>
				</li>
				
				<li class="item_kmnr import_type_1">
					<span class="section_title">虚拟卡内容</span>
					<div class="section_div kmnr">
						<textarea name="content" placeholder="" class="val_text" cols="30" rows="10"  style="border: none;border-bottom: 0.0133rem #eee solid"></textarea>
					</div>
				</li>
				<li class="item_kmnr import_type_2" style="display:none">
					<span class="section_title">虚拟卡内容</span>
					<div class="section_div kmnr">
						<a href="javascript:;" class="add_file"><i class="iconfont icon-upload"></i>点击这里上传&nbsp;&nbsp;(最大2MB)</a>
						<input type="file" accept="text/plain" onchange="handleInputChangeText(this)" class="inputFile dropify" name="file" style="display: none;">
					</div>
				</li>
				<li class="t_r">
					<span class="section_title">筛查重复</span>
					<div class="section_div ">
						<select name="check_card" class="section_div" style="height: 45px;border: none;border-bottom: 0.0133rem #eee solid;">
							<option value="0" selected> 否</option>
							<option value="1"> 是</option>
                        </select>
					</div>
				</li>
				<li style="height: auto; line-height: 200%; color:red;">格式：卡号+空格+密码，一行一张卡<br>如：A1B2C3D4F5E8 9876543210<br>最多一次添加500张(500行)</li>
			</ul>
			<div class="btn_save_div">
				<div class="btn_save" onclick="submitform();return false;">保&nbsp;存</div>
			</div>
			<input type="radio" name="upload_type" style="display: none" value="from_input" checked="">
		</form>
	</div>
{/block}


{block name="footer"}
<div class="footer">
	<div class="footer_content">
		<div class="footer_div">
			<div class="f_l div_rl">
				<a href="/merchant/order/index" class="footer_nav_btn ">
					<i class="iconfont icon-dynamic active_wxz"></i>
					<i class="iconfont icon-dynamic_fill active_xz"></i>
					<p>卖出</p>
				</a>
				<a href="/merchant/goods/index" class="footer_nav_btn ">
					<i class="iconfont icon-activity active_wxz"></i>
					<i class="iconfont icon-activity_fill active_xz"></i>
					<p>商品</p>
				</a>
			</div>
			<div class="f_r div_rl">
				<a href="/merchant/complaint/index" class="footer_nav_btn ">
					<i class="iconfont icon-message active_wxz"></i>
					<i class="iconfont icon-message_fill active_xz"></i>
					<p>投诉</p>
					<div class="newTipsDiv"></div>
					<!-- <span class="ts_count">99</span> -->
				</a>
				<a href="/merchant/cash/index" class="footer_nav_btn ">
					<i class="iconfont icon-redpacket active_wxz"></i>
					<i class="iconfont icon-redpacket_fill active_xz"></i>
					<p>提现</p>
				</a>
			</div>
		</div>
		<div class="div_c">
			<a href="/merchant.html" class="footer_nav_btn"><i class="iconfont icon-home"></i></a>
		</div>
	</div>
</div>
{/block}


{block name="appendJS"}



<script>

    $('[name="import_type"]').change(function () {

        var type = $(this).val();

        $('.import_type_1').hide();

        $('.import_type_2').hide();

        $('.import_type_' + type).fadeIn();

    });

    $('[name="split_type"]').change(function () {

        var type = $(this).val();

        $('.card_split').text(type);

    });
    $('.add_file').click(function(){
		$($('.inputFile')[0]).val('');
		$('.inputFile')[0].click();
	});
    function handleInputChangeText(event){
  		var files = event.files;
	  		console.log(event.files);
	  		// 获取当前选中的文件
		    var file = event.files[0];
		    var imgMasSize = 1024 * 1024 * 2; // 2MB
		     // 文件大小限制
		    if(file.size > imgMasSize ) {
		        // 文件大小自定义限制
		       tyMsgOne({str: '文件过大，请重新选择！'});
		        return;
		    }
		    $('.add_file').text(file.name);
  	}
 function submitform() {
                $("#ajaxform").submit();
        }
	     
</script>

{/block}